/* page_outer */
.con{height:100%;}
.first_page{background:url('../img/family_bg.png') no-repeat center;background-size:cover;}
.title{position:absolute;top:10%;left:0;overflow:hidden;width:66.42%;height:0;padding-top:14.81%;background:no-repeat center;background-image:url('../img/family_title.png');background-size:contain;}
.discription{font-size:20px;font-weight:300;line-height:35px;position:absolute;top:40%;left:10px;width:100%;color:#fff;}

.detail{position:absolute;top:60%;right:0;left:0;}
.d_title{font-size:34px;font-weight:300;line-height:86px;width:100%;height:86px;text-align:center;color:#fff;background:url('../img/h_bg.png') no-repeat center;background-size:100% 100%;}

.page_outer{background:#fff;text-align:center;padding-bottom:70px;}
.page_outer *{font-weight:300;}

.page_outer h1{font-size:34px;margin-bottom:32px;padding-top:70px;color:#22222d;}
.page_outer h1::before{content:'';display:block;width:92px;height:9px;margin:0 auto 10px;background:url('../img/icon_paragraph.png') no-repeat center;background-size:cover;}
.page_outer p{font-size:16px;color:#818181;margin-bottom:10px;}

.page0{height:320px;background:#fff;background:#fff;font-weight:300;width:84%;margin:0 auto;border-bottom:1px solid #f1f1f1;}
.page0 li{text-align:left;font-size:20px;float:left;width:50%;margin-top:40px;color:#4b4b4b;}
.page0 li:nth-child(even){text-indent:6%;}
.page0 li i{width:20px;height:19px;background:url('../img/icon_like.png') no-repeat center;display:inline-block;margin-right:30px;}

.page2{position:relative;background:url('../img/show_picture_middle.jpg') no-repeat center;background-size:cover;}
.page2 li{float:left;width:33.3333%;text-align:center;margin:14.5% auto 14.5%;}
.page2 li p{color:#fff;font-size:14px;font-weight:normal!important;}
.page2 img{width:73.88%;}
.page2 h3{font-size:38px;color:#fff;margin:15px auto 25px;}

.page3{width:70%;min-width:900px;margin:80px auto;height:550px;position:relative;padding-bottom:0!important;}
.page3 div{padding-bottom:0!important;}
.page3 div,.page3 img{position:absolute;}
.page3 .words1{top:0;left:117px;text-align:right!important;}
.page3 .words2{bottom:0;right:0;text-align:left!important;}
.page3 .sep{height:550px;width:0;border-left:4px solid #55a178;top:0;left:50%;margin-left:-22px;}
.page3 .green{color:#55a178;}
.page3 p{font-size:15px!important;}
.page3 h4{font-size:19px;margin-bottom:20px;font-weight:bold;}
.page3 span{color:#55a178;font-weight:600;font-size:18px;margin:0 5px;}

a.tbf{height:50px;font-size:20px;padding:0 30px;color:#fff;display:inline-block;line-height:50px;cursor:pointer;border-radius:999px;}
a.tbf.white{background:rgba(255,255,255,.1);border:1px solid #fff;position:absolute;top:30%;left:20px;}
a.tbf.green{background:#55a178;margin:0 auto;}

.con_h{background:#f7f7f7;}
